@import '~@styles/common.less';

.container {
  .changeIconWrap {
    .changeIconWrap();
  }

  .createContent {
    display: flex;
    justify-content: space-between;
    // height: 100%;

    .preview,
    .create {
      flex: 1;
    }

    .preview {
      border-left: 5px solid #ccc;
    }
  }

  .release {
    padding: 4px 5px;
    font-size: 15px;
  }

  .draftBtn {
    padding: 4px 0 4px 5px;
  }

  .tuiEditorWrap {
    height: calc(100vh - 100px);
    padding-top: 9px;
    .webkitScrollbarStyle(@fff, @font-5);
    transition: all 0.3s ease-in-out;
    padding: 10px;
  }

  .dark {
    background-color: @dark-bgc;
    .webkitScrollbarStyle(@dark-bgc-deep, @dark-gray);
  }

  .changeHeight {
    height: calc(100vh - 50px);
    transition: all 0.3s ease-in-out;
  }

  :global {
    .ant-btn-link[disabled] {
      color: @dark-fc-gray;
    }
  }
}

@media screen and (max-width: 960px) {
  .container {
    .tuiEditorWrap {
      padding: 0;
    }
  }
}
